<template>
<el-contaioner>
     <div id="edge" style="
     <!-- border:1px solid gray; -->
     border-radius:20px; 
     width:90%;
     height:auto">
         <p
         style="
            text-align: center;
            margin-left: 0;
            font-size: 28px;
            font-weight: bold;
            margin-top:-1%
          ">
             吐槽一下吧~我们会努力做得更好！
         </p>

         
         <div  id="danmu" style="
         <!-- border:1px solid gray; -->
         border-radius:20px; 
         width:90%;
         height:550px;
         margin-left:5%"

         
         >
        
            <span>
                  <img
                    style="
                    opacity: 0.3;
                    border-radius:10px;
                      margin-left: 0px;
                      margin-top: -10px;
                      <!-- position: absolute; -->
                      width: 85%;
                      height: 550px;
                    "
                    src="../img/qingdao.png"
                    
                  />
                </span>
         </div>
        <div id="text"
        style="
        <!-- border:1px solid gray; -->
        border-radius:20px;
         width:85%;
         height:80px;
          margin-top:2%;
          margin-left:8%
          ">
            <div style="margin-top: 15px;">
  <el-input placeholder="请输入内容" v-model="input" maxlength="30"
  show-word-limit>
    <el-button slot="append">发送</el-button>
  </el-input>
</div>
        </div>
    </div>
</el-contaioner>
</template>

<script>
export default {
   data() {
    return {
      text: '',
      input: '',
    }
  }
}
</script>